

page{
background: #f9f9f9;
}
.app-con{
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: 0 25upx;
	.app-1{
		padding-top:  var(--status-bar-height);
		>view{
			text-align: center;
			view{
				width: 120upx;
				height: 120upx;
				margin: 0 auto;
				background: rgba($color: #fff, $alpha: 0.2);
				border-radius: 50%;
				padding: 10upx;
				image{
					width: 100%;
					height: 100%;
					border-radius: 50%;
				}
			}
			text{
				font-size: 32upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #FFFFFF;
				margin-top: 8upx;
				display: inline-block;
			}
		}
	}
	.app-2{
		background: #fff;
		border-radius: 16px;
		padding: 30upx 0;
		display: flex;
		margin-top: 30upx;
		view{
			flex: 1;
			text-align: center;
			text{
				font-size: 25upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #333333;
				display: block;
			}
			image{
				width: 94upx;
			}
		}
	}
	.app-3{
		background: #fff;
		margin-top: 30upx;
		>view{
			display: flex;
			align-items: center;
			padding: 30upx 25upx;
			>view{
				flex: 1;
				display: flex;
				align-items: center;
				view{
					width: 55upx;
					margin-right: 25upx;
					display: flex;
					justify-content: center;
				}
				text{
					font-size: 30upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #333333;
				}
			}
			text{
				color: #B5B5B5;
				font-size: 32upx;
			}
		}
	}
}